<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

    <title>Fish 2 - Test</title>

    <!-- <script type="text/javascript" src="../../../../../lib/yui3.4.1/yui/yui-min.js"></script> -->
   <script type="text/javascript" src="http://yui.yahooapis.com/3.4.1/build/yui/yui-min.js"></script>
   <script type="text/javascript" src="../../../../../anima/anima.js"></script>

	<script type="text/javascript">
    function startApp() {
       
        var fishComposition = anima.composition.create(
           function(composition) {
              composition.createInstance(
                 "<http://purl.org/dcc/visual.cdisplay.fishaq.fish.Fish>",
                 "myFish");
              composition.createInstance(
                 "<http://purl.org/dcc/visual.cdisplay.fishaq.aquarium.Aquarium>",
                 "myAquarium");
              composition.connect("myAquarium", "myFish");
           },
           function(composition) {
              var componentArea = document.getElementById("component_area");
              componentArea.innerHTML = composition.component("myAquarium").getPresentationHTML();
           }
        );
        
        fishComposition.run();
          
    }
    </script>

</head>

<body onload="anima.start(startApp)">

    <div id="component_area"></div>

</body>

</html>